.button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background-color: #7b61ff;
  transition: background-color 0.2s ease-in;
}

.button:hover {
  background-color: #6344ff;
}

.button--huge {
  -moz-column-gap: 8px;
  column-gap: 8px;
  padding: 24px;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.button--search {
  width: 60px;
  height: 60px;
  padding: 18px;
}

.button-more {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 105px;
  padding: 10px;
  border-radius: 12px;
  background-color: #F6F4FF;
  color: #5243C2;
  font-weight: 400;
  transition: background-color 0.2s ease-in;
}

.button-more:hover {
  background-color: #dcd8f1;
}

.button--subscribe {
  padding: 24px;
  width: 72px;
  height: 72px;
}